<ion-header>
  <ion-navbar>
    <ion-title>
      历史维保记录
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="maince-history">
  <!-- <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content
                pullingIcon="arrow-dropdown"
                pullingText="加载中"
                refreshingSpinner="circles"
                refreshingText="加载中...">
        </ion-refresher-content>
    </ion-refresher> -->

  <div class="total">
    <div *ngFor="let item of list; let i = index" (click)="todetail(item)" class="list">
      <span class="left">
        <span>{{item.maintenanceUserName}}</span>
        <span class="time">{{item.maintenanceStartDate | detailDate}}</span>
      </span>
      <span class="right" [ngClass]="{'one':i%4==0,'two':i%4==1,'three':i%4==2}">
        {{item.type | constantTransfer:maintenceTypes}}
      </span>
    </div>
  </div>
</ion-content>